@mixin flex($direction,$justify,$align) {
  display: flex;
	flex-direction: $direction;
	justify-content:$justify ;
	align-items: $align;
}

@mixin fix-height($val:0px) {
	height: $val;
	height: calc($val - constant(safe-area-inset-bottom));
	height: calc($val - env(safe-area-inset-bottom)); 
}
@mixin fix-min-height($val:0px) {
	min-height: $val;
	min-height: calc($val - constant(safe-area-inset-bottom));
	min-height: calc($val - env(safe-area-inset-bottom)); 
}

$bg-color:#f5f5f5;